<div class="boxs clearfix" style="width: 100% ; border-bottom: 1px solid rgb(223,60,27)">
    <note-box  title="A" color="rgb(33,58,77)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="B" color="rgb(177,58,77)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="C" color="rgb(177,200,211)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="D" color="rgb(250,89,58)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="E" color="rgb(24,166,166)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="F" color="rgb(7,38,75)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="G" color="rgb(36,52,27)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="H" color="rgb(43,78,135)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="I" color="rgb(133,58,127)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="J" color="rgb(33,158,77)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="K" color="rgb(222,88,77)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="L" color="rgb(33,1,111)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="M" color="rgb(33,2,77)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="N" color="rgb(33,45,77)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="O" color="rgb(33,255,17)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="P" color="rgb(33,58,77)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="Q" color="rgb(133,128,22)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="R" color="rgb(133,58,177)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="S" color="rgb(33,218,217)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="T" color="rgb(33,158,177)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="U" color="rgb(233,218,77)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="V" color="rgb(233,58,217)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="W" color="rgb(133,2,177)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="X" color="rgb(133,158,2)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="Y" color="rgb(250,158,177)" url="../../img/intro-bg.jpg"></note-box>
    <note-box  title="Z" color="rgb(223,60,27)" url="../../img/intro-bg.jpg"></note-box>
    <div class="note-title">
        <div class="title center-f"  >
            <h1 style="font-size: .2rem">关于论坛</h1>
            <p>同学们一起讨论，一起建造没完善的笔记,打造最完善的笔记</p>
        </div>
    </div>
</div>